<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>供应商平台</title>
<script type="text/javascript" src="../../js/page/jquery-1.8.0.min.js"></script>
<!--<script data-main="../js/page/jquery-1.8.0.min" src="../lib/requirejs/require.js"></script>
<script data-main="../js/page/startScore" src="../lib/requirejs/require.js"></script>-->
<!--<script type="text/javascript" src="../../js/page/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../js/page/startScore.js"></script>-->

<style>
ul, li, ol { list-style: none; }
/* 重置文本格式元素 */

a:hover { text-decoration: none; }
.clearfix::after{ display:block; content:''; height:0; overflow:hidden; clear:both;} 
/*星星样式*/
.content{ width:600px; margin:0 auto; padding-top:20px;}
.title{ font-size:14px; background:#dfdfdf; padding:10px; margin-bottom:10px;}
.block{ width:100%; margin:0 0 20px 0; padding-top:10px; padding-left:50px; line-height:21px;}
.star_list{height:21px;margin:50px; line-height:21px;}
.block p,.block .attitude{ padding-left:20px; line-height:21px; display:inline-block;}
.block p span{ color:#C00; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
/*星星1*/
.block .star_score{ float:left;}
.star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
#starttwo .star_score a{ background:url(../../images/starky.png);}
#starttwo .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}

/*星星2*/
#starttwo1 .star_score a{ background:url(../../images/starky.png);}
#starttwo1 .star_score a:hover{ background:url(../../images/starsy.png);left:0;}
#starttwo1 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}

/*星星3*/
#starttwo2 .star_score a{ background:url(../../images/starky.png);}
#starttwo2 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}

/*星星4*/
#starttwo3 .star_score a{ background:url(../../images/starky.png);}
#starttwo3 .star_score a:hover{ background:url(../../images/starsy.png);left:0;}
#starttwo3 .star_score a.clibg{ background:url(../../images/starsy.png);left:0;}
/*星星样式*/
.show_number{ padding-left:50px; padding-top:20px;}
.show_number li{ width:240px; border:1px solid #ccc; padding:10px; margin-right:5px; margin-bottom:20px;}
.show_number li span{ display:inline-block; line-height:21px;}
</style>
</head>
<body class="tob-wrap">
	<div th:replace="common/top"></div>
	<article class="container container-c6-rate clearfix">
		<div th:replace="common/left::c_side"></div>
		<section class="content">
			<h3 class="m-top-bar">
				<!--<img src="../../images/temp/pic_30x30_01.jpg" alt=""/> <a href="#">HUAWEI Tech <icon class="icon-btn icon-btn-blue-close"></icon>
				</a>-->
			</h3>
			<div class="m-order-bar">
				<p>
					<strong>年度评级</strong>
				</p>
			</div>
			<div class="m-table-sell">
				<div class="m-table-cont">
					<table width="100%" summay="" cellpadding="0" cellspacing="0">
						<thead>
							<tr>
								<th>序号</th>
								<th>订单号</th>
								<th>描述</th>
								<th>交货速度</th>
								<th>产品质量</th>
								<th>服务质量</th>
								<th>自选评分项</th>
								<th>自选评分项</th>
								<th>总分</th>
							</tr>
						</thead>
						<tbody>
							<input type="hidden" th:value="${vendorID}" name="vendorId" id="vendorId"/>
							<tr th:each="purchaseOrder,index:${purchaseOrderList}">			
								<!--<input type="hidden" th:value="${purchaseOrder.tVendor.status}" name="status" id="status"/>-->
								<td>
									<span th:if="${#strings.length(index.count) eq 1}" th:text="${#strings.prepend(index.count,'00')}"/>
                    				<span th:if="${#strings.length(index.count) eq 2}" th:text="${#strings.prepend(index.count,'0')}"/>
                    				<span th:if="${#strings.length(index.count) eq 3}" th:text="${index.count}"/></td>
								<td th:text="${purchaseOrder.purchaseOrderNo}"></td>
								<td class="w150">
									<p th:text="${purchaseOrder.purchaseOrderDesc}"></p>
								</td>
								<td th:text="${#numbers.formatInteger(purchaseOrder.evaluationScore1,1)}">70</td>
								<td th:text="${#numbers.formatInteger(purchaseOrder.evaluationScore2,1)}">70</td>
								<td th:text="${#numbers.formatInteger(purchaseOrder.evaluationScore3,1)}">70</td>
								<td th:text="${#numbers.formatInteger(purchaseOrder.evaluationScore4,1)}">服务态度 70</td>
								<td th:text="${#numbers.formatInteger(purchaseOrder.evaluationScore5,1)}">服务态度 70</td>
								<td th:text="${#numbers.formatInteger(purchaseOrder.evaluationTotalScore,1)}">70</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="evaluate">
				<h4>
					<strong>年度平均分 : </strong> <span class="span-orange" th:text="${scoreEvl}"></span> 
					<span th:text="'超过'+${gradeEvl}+'%的供应商,建议 A 级'"></span>
				</h4>
				<form class="clearfix" action="">
					<p class="p-left">
						<label for="">详细评价 : </label>
						<textarea class="textarea" name="detail" id="detail" cols="50" rows="5"></textarea>
					</p>

					<dl class="m-commstar clearfix">
						<dt>上年度级别：</dt>
						<dd>
							<div id="starttwo" >
        					<div  class="star_score" >
       						 </div>
        						<span id="fenshu1" class="fenshu" style="display:none"></span>
        					</div>
       						 <script type="text/javascript" src="../../js/page/estimate_startScore.js"></script>
			
			 				<script>
    							 scoreFun($("#starttwo"),{
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
							
							
						</dd>
						<dt>2016年度级别：</dt>
						<dd>
							<!--<span class="commstar"> <a class="star1" href="#"></a> <a
								class="star2" href="#"></a> <a class="star3" href="#"></a> <a
								class="star4" href="#"></a> <a class="star5" href="#"></a>
							</span> <span class="m-commstar-text"><strong>E</strong> 级</span>-->
							<div id="starttwo1" >
        					<div  class="star_score" >
       						 </div>
        						<span id="fenshu2" class="fenshu" name="fenshu2" style="display:none"></span>
        					</div>
       						 <script type="text/javascript" src="../../js/page/estimate_startScore.js"></script>
			
			 				<script>
    							 scoreFun($("#starttwo1"),{
          						 fen_d:22,//每一个a的宽度
          						 ScoreGrade:5//a的个数 10或者
         							})
    						</script>
							
							
						</dd>
					</dl>
				</form>
			</div>
			<div class="btn-bar txC">
				<a class="btn btn-cyan btn-large" href="#" onclick="javascript:submitEstimate();">提交评价</a>
			</div>
		</section>
	</article>
</body>
<script data-main="../js/page/b1_supplier" src="../lib/requirejs/require.js"></script>
<script type="text/javascript" src="../lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../js/page/b2_order.js"></script>
</html>